irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Wallust] Chroma Edge.css
373 lines6.1 KBCSS
RawDownloadHistory
1/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
2/* Wallust Chroma Edge */
3
4@import '../../.config/waybar/wallust/colors-waybar.css';
5
6* {
7font-family: "JetBrainsMono Nerd Font";
8font-weight: bold;
9min-height: 0;
10/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
11font-size: 97%;
12font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
13}
14
15window#waybar {
16 /* background-color: rgba(26, 27, 38, 0.5); */
17 background-color: transparent;
18 color: #ffffff;
19 transition-property: background-color;
20 transition-duration: 0.5s;
21 /* border-top: 8px transparent; */
22 border-radius: 0px;
23 transition-duration: 0.5s;
24}
25
26window#waybar.empty
27window#waybar.empty #window {
28 padding: 0px;
29 border: 0px;
30 background-color: transparent;
31}
32
33window#waybar.hidden {
34 opacity: 0.1;
35}
36
37tooltip {
38 background: #1e1e2e;
39 opacity: 0.8;
40 border-radius: 12px;
41 border-width: 2px;
42 border-style: solid;
43 border-color: @color12;
44}
45
46tooltip label{
47 color: #cdd6f4;
48}
49
50#taskbar button,
51#workspaces button {
52 background-color: transparent;
53 color: grey;
54 box-shadow: none;
55 text-shadow: none;
56 padding: 0px;
57 border-radius: 9px;
58 padding-left: 4px;
59 padding-right: 4px;
60 animation: gradient_f 20s ease-in infinite;
61 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
62}
63
64#workspaces button.active {
65 background-color: transparent;
66 color: #D3D3D3;
67 padding-left: 8px;
68 padding-right: 8px;
69 animation: gradient_f 20s ease-in infinite;
70 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
71}
72
73#workspaces button:hover {
74 background: rgba(0, 0, 0, 0.2);
75 color: #D3D3D3;
76 padding-left: 2px;
77 padding-right: 2px;
78 animation: gradient_f 20s ease-in infinite;
79 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
80}
81
82#workspaces button.urgent {
83 background-color: #eb4d4b;
84}
85
86#backlight,
87#backlight-slider,
88#battery,
89#bluetooth,
90#clock,
91#cpu,
92#disk,
93#idle_inhibitor,
94#keyboard-state,
95#memory,
96#mode,
97#mpris,
98#network,
99#power-profiles-daemon,
100#pulseaudio,
101#pulseaudio-slider,
102#taskbar,
103#temperature,
104#tray,
105#window,
106#wireplumber,
107#workspaces,
108#custom-backlight,
109#custom-browser,
110#custom-cava_mviz,
111#custom-cycle_wall,
112#custom-dot_update,
113#custom-file_manager,
114#custom-keybinds,
115#custom-keyboard,
116#custom-light_dark,
117#custom-lock,
118#custom-hint,
119#custom-hypridle,
120#custom-menu,
121#custom-playerctl,
122#custom-power_vertical,
123#custom-power,
124#custom-quit,
125#custom-reboot,
126#custom-settings,
127#custom-spotify,
128#custom-swaync,
129#custom-tty,
130#custom-updater,
131#custom-weather,
132#custom-weather.clearNight,
133#custom-weather.cloudyFoggyDay,
134#custom-weather.cloudyFoggyNight,
135#custom-weather.default,
136#custom-weather.rainyDay,
137#custom-weather.rainyNight,
138#custom-weather.severe,
139#custom-weather.showyIcyDay,
140#custom-weather.snowyIcyNight,
141#custom-weather.sunnyDay {
142 color: #e5e5e5;
143 /* color: #bf616a; */
144 border-radius: 12px;
145 background-color: rgba(50, 50, 50, 0.1);
146 border: 1px solid @color12;
147 padding-top: 4px;
148 padding-bottom: 4px;
149 padding-right: 6px;
150 padding-left: 6px;
151}
152
153#workspaces {
154 border-radius: 12px;
155 padding: 0px 6px;
156}
157
158#cpu {
159 color: #fb958b;
160 padding: 3px;
161 background-color: rgba(50, 50, 50, 0.1);
162}
163
164#custom-cycle_wall,
165#custom-updater {
166 color: #cba7f7;
167 padding: 3px;
168 background-color: rgba(50, 50, 50, 0.1);
169
170}
171
172#custom-menu {
173 color: #FFFFFF;
174 padding: 6px;
175 padding-right: 6px;
176 background-color: rgba(50, 50, 50, 0.1);
177}
178
179#custom-keyboard,
180#memory {
181 color: #ebcb8b;
182}
183
184#custom-power {
185 color: #cc3436;
186 padding: 0px 0px 0px 6px;
187}
188
189#custom-launcher {
190 background-color: #1b242b;
191 color: #6a92d7;
192 padding: 0 0px;
193}
194
195#custom-weather.severe {
196 color: #eb937d;
197}
198
199#custom-weather.sunny {
200 color: #c2ca76;
201}
202
203#custom-weather.clearNight {
204 color: #cad3f5;
205}
206
207#custom-weather.cloudyFoggyDay,
208#custom-weather.cloudyFoggyNight {
209 color: #c2ddda;
210}
211
212#custom-weather.rainyDay,
213#custom-weather.rainyNight {
214 color: #5aaca5;
215}
216
217#custom-weather.showyIcyDay,
218#custom-weather.snowyIcyNight {
219 color: #d6e7e5;
220}
221
222#custom-swaync,
223#custom-weather {
224 color: #ebecf0;
225}
226
227#pulseaudio {
228 color: #FFD580;
229}
230
231#wireplumber {
232 color: #FFD580;
233}
234#backlight {
235 color: #8fbcbb;
236 padding-right: 2px;
237}
238
239#clock {
240 color: #90EE90;
241 /* background-color: #14141e; */
242}
243
244#battery {
245 color: #c0caf5;
246 /* background-color: #90b1b1; */
247}
248
249#battery.charging,
250#battery.full,
251#battery.plugged {
252 color: #26a65b;
253 /* background-color: #26a65b; */
254}
255
256@keyframes blink {
257 to {
258 background-color: rgba(30, 34, 42, 0.5);
259 color: #abb2bf;
260 }
261}
262
263#battery.critical:not(.charging) {
264 color: #f53c3c;
265 animation-name: blink;
266 animation-duration: 3.0s;
267 animation-timing-function: steps(12);
268 animation-iteration-count: infinite;
269 animation-direction: alternate;
270}
271
272label:focus {
273 background-color: #000000;
274}
275
276#disk {
277 color: #f38ba8;
278}
279
280#bluetooth {
281 color: #7287fd;
282}
283
284#bluetooth.disconnected {
285 color: #f53c3c;
286}
287
288#network {
289 color: #b48ead;
290}
291
292#network.disconnected {
293 color: #f53c3c;
294}
295
296#custom-media {
297 background-color: #66cc99;
298 color: #2a5c45;
299 min-width: 100px;
300}
301
302#custom-media.custom-spotify {
303 background-color: #66cc99;
304}
305
306#custom-media.custom-vlc {
307 background-color: #ffa000;
308}
309
310#temperature.critical {
311 background-color: #eb4d4b;
312}
313
314#tray > .passive {
315 -gtk-icon-effect: dim;
316}
317
318#tray > .needs-attention {
319 -gtk-icon-effect: highlight;
320 background-color: #eb4d4b;
321}
322
323#idle_inhibitor {
324 /*background-color: #2d3436;*/
325}
326
327/*-----Indicators----*/
328#custom-hypridle.notactive,
329#idle_inhibitor.activated {
330 color: #39FF14;
331}
332
333#temperature {
334 color: #ADD8E6;
335}
336
337#taskbar button.active {
338 background-color: #7f849c;
339 padding-left: 12px;
340 padding-right: 12px;
341 animation: gradient_f 20s ease-in infinite;
342 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
343}
344
345#taskbar button:hover {
346 padding-left: 3px;
347 padding-right: 3px;
348 animation: gradient_f 20s ease-in infinite;
349 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
350}
351
352#backlight-slider slider,
353#pulseaudio-slider slider {
354 min-width: 0px;
355 min-height: 0px;
356 opacity: 0;
357 background-image: none;
358 border: none;
359 box-shadow: none;
360}
361
362#backlight-slider trough,
363#pulseaudio-slider trough {
364 min-width: 80px;
365 min-height: 5px;
366 border-radius: 5px;
367}
368
369#backlight-slider highlight,
370#pulseaudio-slider highlight {
371 min-height: 10px;
372 border-radius: 5px;
373}